<!DOCTYPE html>
<html lang="zxx">

	<head>
		<title>Home</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="UTF-8" />
		<meta name="keywords" content="" />
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
	</head>

	<body>
		<div id="home">
			<div class="banner-top1">
				<div class="one">
					<div class="nav">
						<div class="logo">
							<a href="#">Resume</a>
						</div>
						<div class="bar">
							<ul class="bar-ul">
								<li>
									<a href="index.html">首页</a>
								</li>
								<li>
									<a href="#about">我的信息</a>
								</li>
								<li>
						  			<a href="#what">能力展示</a>
								</li>
								<li>
									<a href="#projects">项目展示</a>
								</li>
								<li>
									<a href="#blog">最近项目</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="main">
						<div class="portrait">
							<img src="images/banner-btm.jpg" />
						</div>
						<div class="text">
							<h2 id="text"></h2>
							<hr>
							<h3>崔铭轩</h3>
							<h3>2000-10-23</h3>
							<h3>Web前端工程师</h3>
							<h3>求职上海/北京/杭州</h3>
							<h3>18551133163</h3>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- header -->
		<header class="py-2">
			<div class="container d-flex">
				<h4 class="mt-2 let">我的信息</h4>
				<!-- menu -->
				<ul id="menu">
					<li>
						<input id="check02" type="checkbox" name="menu" />
						<label for="check02"><span class="fa fa-bars" aria-hidden="true"></span></label>
						<ul class="submenu">
							<li>
								<a href="index.html" class="active">首页</a>
							</li>
							<li>
								<a href="#about">我的信息</a>
							</li>
							<li>
								<a href="#what">能力展示</a>
							</li>
							<li>
								<a href="#projects">项目展示</a>
							</li>
							<li>
								<a href="#blog">最近项目</a>
							</li>
						</ul>
					</li>
				</ul>
				<!-- //menu -->
			</div>
		</header>
		<!-- //header -->

		<!-- about -->
		<section class="about py-5 position-relative" id="about">
			<div class="container pt-lg-4 pb-4">
				<h3 class="tittle-2">About Myself</h3>
				<div class="row">
					<div class="col-lg-6 about-img text-center">
						<img class="img-fluid" src="images/u=3644362418,2508135133&fm=26&gp=0.jpg" alt="">
					</div>
					<div class="col-lg-6 about-right">
						<h4 class="about-tit">你好 !<br>我叫崔铭轩</h4>
						<p class="my-4">2018年9月份我来到盛邦升华学习Web前端开发技术，目前为止已经有一年半的学习时间了，在这期间，经过不断的练习和摸索，克服重重困难，逐渐形成一套自己的设计理念、风格和技法。</p>
						<p>如今，想找一份前端开发方面的工作，本人性格开朗，为人诚恳，热爱学习，热爱思考，工作认真、严谨、有耐心并且非常热爱打代码，梦想成为一名优秀的程序员	。</p>
						<p>兴趣爱好如下：</p>
						<div class="serives-w3pvts pb-5 pt-2">
							<div class="container pb-xl-5 pb-lg-3 mt-5">
								<div class="row welcome-bottom text-center mx-auto">
									<div class="col-lg-6 col-sm-6 welcome-grid mb-5">
										<span class="fa fa-gamepad"></span>
										<h4 class="mt-4 mb-3 text-bl">玩游戏</h4>
									</div>
									<div class="col-lg-6 col-sm-6 welcome-grid mt-sm-0 mb-5">
										<span class="fa fa-weixin"></span>
										<h4 class="mt-4 mb-3 text-bl">聊天</h4>
									</div>
									<div class="col-lg-6 col-sm-6 welcome-grid mt-lg-0 mt-4">
										<span class="fa fa-soccer-ball-o"></span>
										<h4 class="mt-4 mb-3 text-bl">户外运动</h4>
									</div>
									<div class="col-lg-6 col-sm-6 welcome-grid mt-lg-0 mt-4">
										<span class="fa fa-desktop"></span>
										<h4 class="mt-4 mb-3 text-bl">打代码</h4>
									</div>
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</section>
		<!-- //about -->

		<!-- about bottom -->

		<!-- //about bottom -->

		<!-- stats section -->
		<div class="stats py-5">
			<div class="container py-xl-5 py-lg-3">
				<div class="row text-center py-sm-3">
					<div class="col-md-3 col-sm-6 w3layouts_stats_left">
						<p class="counter">840</p>
						<p class="para-text-w3ls text-li">个小时</p>
					</div>
					<div class="col-md-3 col-sm-6 w3layouts_stats_left mt-sm-0 mt-4">
						<p class="counter">418</p>
						<p class="para-text-w3ls text-li">条任务</p>
					</div>
					<div class="col-md-3 col-sm-6 w3layouts_stats_left mt-md-0 mt-4">
						<p class="counter">120</p>
						<p class="para-text-w3ls text-li">次练习</p>
					</div>
					<div class="col-md-3 col-sm-6 w3layouts_stats_left mt-md-0 mt-4">
						<p class="counter">42</p>
						<p class="para-text-w3ls text-li">个仓库</p>
					</div>
				</div>
			</div>
		</div>
		<!-- //stats section -->

		<!-- what -->
		<div class="services text-center pt-5 pb-lg-5" id="what">
			<div class="container py-xl-5 py-lg-3">
				<h3 class="tittle text-center text-bl mb-sm-5 mb-4">我会做什么 ?</h3>
				<div class="row ser-styles ser-styles-res">
					<div class="col-lg-4">
						<div class="abt-block">
							<div class="dodecagon">
								<img src="images/one.png" />
							</div>
							<h3>HTML 5</h3>
							<p>HTML5 是下一代 HTML 标准。 HTML , HTML 4.01的上一个版本诞生于 1999 年。</p>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="abt-block border-back2">
							<div class="dodecagon">
								<img src="images/two.png" />
							</div>
							<h3>CSS 3</h3>
							<p>CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素,样式通常存储在样式表中</p>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="abt-block border-back3">
							<div class="dodecagon">
								<img src="images/three.png" />
							</div>
							<h3>Bootstrap4</h3>
							<p>Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。基于 HTML、CSS、JAVASCRIPT 的。</p>
						</div>
					</div>
				</div>
				<div class="row ser-styles">
					<div class="col-lg-4">
						<div class="abt-block border-back4">
							<div class="dodecagon">
								<img src="images/4.png" />
							</div>
							<h3>Vue.js</h3>
							<p>Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。</p>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="abt-block border-back5">
							<div class="dodecagon">
								<img src="images/5.png" />
							</div>
							<h3>AJAX</h3>
							<p>AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。</p>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="abt-block border-back6">
							<div class="dodecagon">
								<img src="images/6.png" />
							</div>
							<h3>JavaScript</h3>
							<p>JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。JavaScript 非常容易学。</p>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- //resume -->
		<div class="tlinks">Collect from
			<a href="http://www.cssmoban.com/" title="网站模板">网站模板</a>
		</div>
		<section class="w3ls-bnrbtm py-5 text-center">
			<div class="container py-xl-5">
				<div class="cont-w3pvt">
					<h3 class="w3pvt-web-title">很高兴认识你<br />
					我已经做过20+个项目了</h3>
				</div>
			</div>
		</section>

		<!-- gallery -->
		<div class="gallery py-5" id="projects">
			<div class="container py-xl-5 py-lg-3">
				<h3 class="tittle text-center text-bl mb-sm-5 mb-4">项目展示</h3>
				<div class="news-grids text-center">
					<div class="row no-gutters news-grids text-center">
						<div class="col-md-4 gal-img">
							<div class="top">
								<a href="http://cmx2000.gitee.io/taobaowang/" target="view_window">
									<img src="images/logo1.png">
								</a>
							</div>
							<div class="text">
								<p>作为第二学年暑假作业，用时8天，进最大还原度仿照原网页。制作中共运用了HTML5、CSS3、json、JavaScript、swiper、bootstrap等，该网页兼容PC端及手机端</p>
							</div>
						</div>
						<div class="col-md-4 gal-img">
							<div class="top" style="    background: #999;">
								<a href="http://cmx2000.gitee.io/wegame" target="view_window">
									<img src="images/logo.png" style="    width: 100%;">
								</a>
							</div>
							<div class="text">
								<p>作为二期答辩所展示项目，是第二学期所学知识的总和，制作用时一周。制作中共运用了HTML5、CSS3、json、JavaScript、bootstrap和一些jQuery插件等，该网页兼容PC端及手机端</p>
							</div>
						</div>
						<div class="col-md-4 gal-img">
							<div class="top">
								<a href="http://cmx2000.gitee.io/tenxun" target="view_window">
									<img src="images/new_logo.png">
								</a>
							</div>
							<div class="text">
								<p>作为第二学期第一次仿站练习，界面较为简单，用时5天，网站内容繁琐。制作中共运用了HTML5、CSS3、json、swiper、bootstrap以及轮播插件等，该网页兼容PC端及手机端</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- blog -->
		<section class="blog_w3ls py-5" id="blog">
			<div class="container py-xl-5 py-lg-3">
				<h3 class="tittle text-center text-bl mb-sm-5 mb-4">近期项目</h3>
				<div class="row">
					<!-- blog grid -->
					<div class="col-lg-4 col-md-6">
						<div class="med-blog">
							<div class="blog-header">
								<a href="http://cmx2000.gitee.io/blog" target="view_window">
									<img class="img-fluid" src="images/wx003.png" alt="image">
								</a>
							</div>
							<div class="blog-body py-4">
								<span>2019年 - 9月 - 08日</span>
								<a href="#" class="blog-title">个人博客</a>
								<p>综合了个人资料和一些日志，使用boostroop搭建框架，用时三天做完，页面简洁。</p>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 mt-md-0 mt-3">
						<div class="med-blog">
							<div class="blog-header">
								<a href="http://cmx2000.gitee.io/tianqi" target="view_window">
									<img class="img-fluid" src="images/捕获.PNG" alt="image">
								</a>
							</div>
							<div class="blog-body py-4">
								<span>2019年 - 9月 - 22日</span>
								<a href="#" class="blog-title">天气预报</a>
								<p>使用了最新学习的AJAX，并且简单学习了PHP搭建了数据库，数据引用了API链接。</p>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 mx-lg-0 mx-md-auto mt-lg-0 mt-3">
						<div class="med-blog">
							<div class="blog-header">
								<a href="http://cmx2000.gitee.io/shop" target="view_window">
									<img class="img-fluid" src="images/捕获2.PNG" alt="image">
								</a>
							</div>
							<div class="blog-body py-4">
								<span>2019年 - 9月 - 18日</span>
								<a href="#" class="blog-title">京东购物车</a>
								<p>练习了刚刚学习的AJAX，并加入了刚刚学习的用JavaScript制作待办事项，并了解了SE6。</p>
							</div>
						</div>
					</div>
					<!-- //blog grid -->
				</div>
			</div>
		</section>
		<!-- //blog -->

		<!-- contact -->

		<!-- //contact -->

		<!-- footer -->
		<footer class="text-center py-5">
			<div class="container py-xl-5 py-lg-4">
				<div class="w3pvt-webinfo_social_icons mt-lg-5 mt-4">
					<h3 class="footer-title text-wh mb-lg-4 mb-3">联系方式</h3>
					<ul class="w3pvt-webits_social_list list-unstyled">
						<li class="w3_w3pvt-web_facebook">
							<a href="#">
								<span class="fa fa-weibo"></span>
							</a>
						</li>
						<li class="mx-2 w3pvt-web_twitter">
							<a href="#">
								<span class="fa fa-weixin"></span>
							</a>
						</li>
						<li class="w3_w3pvt-web_dribble">
							<a href="#">
								<span class="fa fa-whatsapp"></span>
							</a>
						</li>
						<li class="ml-2 w3_w3pvt-web_google">
							<a href="#">
								<span class="fa fa-youtube"></span>
							</a>
						</li>
					</ul>
				</div>
				<div class="cpy-right text-center mx-auto py-3">
					<p class="border-top mt-lg-5 mt-4"></p>
				</div>
			</div>
		</footer>
		<!-- //footer -->
		<!-- move top icon -->
		<a href="#home" class="move-top text-center"></a>
		<script type="text/javascript" src="js/index.js">
		</script>
	</body>

</html>